import AvatarDropdown from "./AvatarDropdown";
import {connect} from "umi";
import {useEmotionCss} from "@ant-design/use-emotion-css";

const RightContent = () => {


  const className = useEmotionCss(() => {
    return {
      display: 'flex',
      height: '48px',
      marginLeft: 'auto',
      overflow: 'hidden',
      gap: 8,
    };
  });

  return (
    <div className={className}>
      <AvatarDropdown/>
    </div>
  );
};

export default connect(() => {
  return {};
})(RightContent);